@import "_mixins";

// Vars
// ------------------------------

// bookshelf
@bookshelf-item-padding-bottom      : 48px;


// micro clearfix
.cf {
    *zoom: 1;
    &:before,
    &:after {
        content: " ";
        display: table;
    }
    &:after {
        clear: both;
    }
}


// Your styles here
// ------------------------------

// bookshelf
.bookshelf-item {
    padding-bottom: @bookshelf-item-padding-bottom;

    .description {
        /* prevents this element from overlapping to cover thumb */
        display: inline;
    }

    .home-page {
        .description {
            padding-left: 20px;
        }
    }

    .wrap-description {
        .description {
            /* set this back to block level to trigger overflow effect */
            display: block;
            overflow: hidden;
        }
    }

    .content {
        a[rel="prettyPhoto"] {
            /* make sure this element is on top of .description element */
            position: relative;
            z-index: 20;
        }
    }
}

#comments .nocomments {
    /* hides the "Comments are closed" message */
    display: none;
}


/* additional media queries */
@media (max-width: 1023px) {
    .bookshelf-item {
        .content {
            text-align: center;

            .description {
                text-align: left;
                overflow: auto;
            }
        }

        .zoom {
            margin: 20px 0;

            &,
            img {
                float: none;
                margin: 0;
                .display-inline-block;
            }

            .img_vsmall {
                width: 245px;
            }
        }
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bookshelf-item {
        .home-page .img_vsmall,
        .zoom .img_vsmall {
            width: 174px;
        }
    }
}

@media (max-width: 767px) {
    .bookshelf-item {
        .home-page {
            text-align: center;

            .img_vsmall {
                float: none;
                margin: 20px 0;
            }
        }
    }
}